<%@page contentType="text/html" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <script src="resources/jquery-1.11.0.js"></script>

    <link rel="stylesheet" href="resources/js/lib/bootstrap/css/bootstrap-theme.css"/>
    <link rel="stylesheet" href="resources/js/lib/bootstrap/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="resources/js/lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="resources/js/lib/bootstrap/css/bootstrap.css"/>

    <script src="resources/js/lib/bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="resources/js/lib/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

    <link rel="stylesheet" href="resources/style.css"/>
    <title>Hello Bootstrap</title>
</head>
<body>

<div class="panel panel-default">
    <div class="panel-body" style="background-color:#f3f3f3">
        <dl>
            <dt>Location:</dt>
            <dd>

            </dd>
        </dl>

        <button type="button" class="btn  btn-default pull-right">
            <span class="glyphicon glyphicon-search"></span> Найти
        </button>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel title</h3>
                </div>
                <div class="panel-body">
                    <p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain
                        was born and I
                        will give you a complete account of the system, and expound the actual teachings of the great
                        explorer of
                        the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure
                        itself,
                        because it is pleasure, but because those who do not know how to pursue pleasure rationally
                        encounter
                        consequences that are extremely painful. Nor again is there anyone who loves or pursues or
                        desires to obtain
                        pain of itself, because it is pain, but because occasionally circumstances occur in which toil
                        and pain can
                        procure him some great pleasure. To take a trivial example, which of us ever undertakes
                        laborious physical
                        exercise, except to obtain some advantage from it? But who has any right to find fault with a
                        man who
                        chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that
                        produces no
                        resultant pleasure?"</p>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel title</h3>
                </div>
                <div class="panel-body">
                    <p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain
                        was born and I
                        will give you a complete account of the system, and expound the actual teachings of the great
                        explorer of
                        the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure
                        itself,
                        because it is pleasure, but because those who do not know how to pursue pleasure rationally
                        encounter
                        consequences that are extremely painful. Nor again is there anyone who loves or pursues or
                        desires to obtain
                        pain of itself, because it is pain, but because occasionally circumstances occur in which toil
                        and pain can
                        procure him some great pleasure. To take a trivial example, which of us ever undertakes
                        laborious physical
                        exercise, except to obtain some advantage from it? But who has any right to find fault with a
                        man who
                        chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that
                        produces no
                        resultant pleasure?"</p>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel title</h3>
                </div>
                <div class="panel-body">
                    <p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain
                        was born and I
                        will give you a complete account of the system, and expound the actual teachings of the great
                        explorer of
                        the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure
                        itself,
                        because it is pleasure, but because those who do not know how to pursue pleasure rationally
                        encounter
                        consequences that are extremely painful. Nor again is there anyone who loves or pursues or
                        desires to obtain
                        pain of itself, because it is pain, but because occasionally circumstances occur in which toil
                        and pain can
                        procure him some great pleasure. To take a trivial example, which of us ever undertakes
                        laborious physical
                        exercise, except to obtain some advantage from it? But who has any right to find fault with a
                        man who
                        chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that
                        produces no
                        resultant pleasure?"</p>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel title</h3>
                </div>
                <div class="panel-body">
                    <p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain
                        was born and I
                        will give you a complete account of the system, and expound the actual teachings of the great
                        explorer of
                        the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure
                        itself,
                        because it is pleasure, but because those who do not know how to pursue pleasure rationally
                        encounter
                        consequences that are extremely painful. Nor again is there anyone who loves or pursues or
                        desires to obtain
                        pain of itself, because it is pain, but because occasionally circumstances occur in which toil
                        and pain can
                        procure him some great pleasure. To take a trivial example, which of us ever undertakes
                        laborious physical
                        exercise, except to obtain some advantage from it? But who has any right to find fault with a
                        man who
                        chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that
                        produces no
                        resultant pleasure?"</p>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel title</h3>
                </div>
                <div class="panel-body">
                    <p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain
                        was born and I
                        will give you a complete account of the system, and expound the actual teachings of the great
                        explorer of
                        the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure
                        itself,
                        because it is pleasure, but because those who do not know how to pursue pleasure rationally
                        encounter
                        consequences that are extremely painful. Nor again is there anyone who loves or pursues or
                        desires to obtain
                        pain of itself, because it is pain, but because occasionally circumstances occur in which toil
                        and pain can
                        procure him some great pleasure. To take a trivial example, which of us ever undertakes
                        laborious physical
                        exercise, except to obtain some advantage from it? But who has any right to find fault with a
                        man who
                        chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that
                        produces no
                        resultant pleasure?"</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel title</h3>
                </div>
                <div class="panel-body">
                    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aspernatur consequatur consequuntur
                    </p>

                    <!-- Small modal -->
                    <button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Добавить</button>

                    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-sm">

                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel">Добавить</h4>
                                </div>
                                <div class="modal-body">
                                    <dl>
                                        <dt>кто</dt>
                                        <dd>
                                            <p>gen</p>
                                            <p>gen</p>
                                        </dd>
                                    </dl>
                                    <br/>
                                    <dl>
                                        <dt>описание кратко</dt>
                                        <dd>
                                            <input type="text" style="height: 60px; width: 250px;"/>
                                        </dd>
                                    </dl>
                                    <br/>
                                    <dl>
                                        <dt>ph</dt>
                                        <dd>
                                            <input type="number"/>
                                        </dd>
                                    </dl>
                                    <br/>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary">Добавить</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>
</body>
</html>